<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<title>百度新闻</title>
		<!--引入样式重置文件-->
		<link rel='stylesheet' type="text/css" href="../css/normalize.css" />
		<!--引入字体图标文件-->
		<link rel='stylesheet' type="text/css" href="../font/iconfont.css" />
		<!--引入新闻样式文件-->
		<link rel="stylesheet" type="text/css" href="../css/news.css" />
	</head>

	<body>
		<div class="container">
			<!--头部-->

			<header class="cf">
				<a href="#"><span class="iconfont">
					&#xe6b7;
				</span></a>
				<a href="#"><span class="iconfont">
					&#xe6ac;
				</span></a>
				<a href="#"><span class="iconfont">
					&#xe62e;
				</span></a>
				<a href="#"><span class="iconfont">
					&#xe604;
				</span></a>

			</header>
			<!--导航-->
			<nav>
				<ul>
					<li>
						<a href="#" data-newstype='精选'>精选<span class="selected"></span></a><i></i></li>
					<li>
						<a href="#" data-newstype='百家'>百家<span></span></a><i></i></li>
					<li>
						<a href="#" data-newstype='本地'>本地<span></span></a><i></i></li>
					<li>
						<a href="#" data-newstype='娱乐'>娱乐<span></span></a><i></i></li>
					<li>
						<a href="#" data-newstype='社会'>社会<span></span></a><i></i></li>
					<li>
						<a href="#" data-newstype='军事'>军事<span></span></a><i></i></li>
					<li>
						<a href="#" data-newstype='女人'>女人<span></span></a><i></i></li>
					<li>
						<a href="#" data-newstype='搞笑'>搞笑<span></span></a><i></i></li>
					<li>
						<a href="#" data-newstype='互联网'>互联网<span></span></a><i></i></li>
					<li>
						<a href="#" data-newstype='科技'>科技<span></span></a><i></i></li>
					<li>
						<a href="#">更多</a><i></i></li>
				</ul>
			</nav>
			<!--主题内容-->
			<article class="news-main">
				<ul class="news-lists">
					<li class="news-list">
						<div class="newsimg">
							<img src='../img/pic.png' width="100%" />
						</div>
						<div class="newscontent">
							<h1>全年净收入预期过2500亿，京东巨无霸格局已成定局</h1>
							<p>
								<span class="newstime">2016-11-16</span>
								<span class="newssrc">搜狐要闻</span>
							</p>
						</div>
					</li>
				</ul>
			</article>
		</div>
		<script src='../js/jquery.js' type="text/javascript"></script>
		<script src='../js/news.js'></script>
	</body>

</html>